@import url(../css/Y-share.css);
@import url(../css/Y-body.css);
.top-fix {
    .fix-left {
        >a {
            img {
                height: 30px !important;
                width: 110px !important;
            }
        }
        >ul {
            li {
                line-height: 33px;
                a:hover {
                    color: #fa4b4b !important;
                }
            }
        } 
    }
    input {
        border-radius: 50px 0 0 50px !important;
        &+p {
            border-radius: 0 50px 50px 0 !important;
        }
        &:focus {
            background: #fff;
            border: 1px solid #ff5e79 !important;
            border-right: 0 none !important;
        }
        &:focus+p {
            border: 1px solid #ff5e79 !important;
            border-left: 0 none !important;
            background: url(http://rcode.zongheng.com/v2018/huayu/images/search2-have.png) no-repeat center center #fff;
        }
    }
}
.right-fix {
    .complex {
        a {
            background: url(http://rcode.zongheng.com/v2018/huayu/images/sidebar.png) no-repeat #fff !important;
            background-position: -131px -70px !important;
        }
        a:hover {
            background-position: -130px -10px !important;
            border: 1px solid #fcabb8 !important;
            
        }
    }
    .airphone {
        a {
            background: url(http://rcode.zongheng.com/v2018/huayu/images/sidebar.png) no-repeat #fff !important;
            background-position: -10px -70px !important;
        }
        a:hover {
            border: 1px solid #fcabb8 !important;
            background-position: -9px -10px !important;
        }
    }
    .back {
        a:hover {
            background-color: #fcabb8 !important;
        }
    }
}
.all {
    .nav-top {
        .top-first {
            a {
                img {
                    width: 179px ;
                    height: 65px;
                }
            }
            .input {
                input {
                    border-radius: 34px 0 0 34px;
                    &:focus {
                        border: 1px solid #fa4b4b !important;
                        border-right: none;
                    }
                }
                p {
                    border-radius: 0 34px 34px 0;
                    background-color: #ff5e79;
                    &:hover {
                        background: url(http://rcode.zongheng.com/v2018/images/search.png) no-repeat center center #fa4b4b;
                        opacity: 1;
                    }
                }
            }
        }
    }
    .top-second {
        li:hover a {
            color: #ff5e79;
        }
        li:hover em {
            background: #ff5e79;
        }
        .second-right {
            .bg-pen {
                background: url(http://rcode.zongheng.com/v2018/huayu/images/author-zone.png) no-repeat left 4px !important;
                &:hover {
                    color: #ff5e79;
                }
                &:hover em {
                    background-color: #ff5e79;
                }
            }
            .bg-game {
                background: url(http://rcode.zongheng.com/v2018/huayu/images/gift.png) no-repeat left 3px !important;
                &:hover {
                    background: url(http://rcode.zongheng.com/v2018/huayu/images/gift-hover.png) no-repeat left 3px !important;
                }
                &:hover {
                    color: #ff5e79;
                }
                &:hover em {
                    background-color: #ff5e79;
                }
            }
        }
    }
}
.suface {
    margin-bottom: 20px !important;
}
.intro-right {
    .sign {
        .continuous {
            background:#05c296 !important;
            &:hover {
                background: #02b389 !important;
            }
        }
        .swordsman {
            background: #ff5e79 !important;
            &:hover {
                background: #fa4b4b !important;
            }
        }
        .hover-b:hover {
            color: #fa4b4b !important;
            border: 1px solid #fa4b4b !important;
        }
        .hover-b:hover a {
            color: #fa4b4b !important;
        }
    }
    .number {
        i {
            font-size: 14px !important;
            color: #666 !important;
            font-family: Arial,Helvetica,sans-serif !important;
            padding: 0 5px !important;
        }
    }
    .main-content>div {
        color: #999;
        text-align: right;
        &:hover {
            color: #fa4b4b;
        }
        em {
            display: inline-block;
            vertical-align: middle;
            width: 7px;
            height: 5px;
            background: url(http://rcode.zongheng.com/v2018/huayu/images/forums/book_ic2.png) no-repeat;
            background-position: -106px -43px;
            margin-left: 3px;
        }
    }
    .bottom {
        .button {
            .start {
                border-radius: 18px !important; 
                background: #ff5e79 !important;
                &:hover {
                    background: #fa4b4b !important;
                    color: #fff !important;
                }
            }
            .join {
                width: 120px !important;
                border-radius: 18px !important;
                border: 1px solid #ff5e79 !important;
                color: #ff0025 !important;
                &:hover {
                    color: #fa4b4b !important;
                }
            }
            
        }
    }
}
.new>.tit>p>a:hover {
    color: #fa4b4b !important;
}
.portrait>span {
    border-radius: 20px !important;
}
.suface-right {
    .top {
        background: #fffbfd !important;
        border: 1px solid #ffe6ea !important;
    }
    .message {
        p {
            color: #333 !important;
        }
        span {
            color: #ff5e79 !important;
        }
    }
    .bottom {
        background: #fffbfd !important;
        border: 1px solid #ffe6ea !important;
    }
} 
.boost {
    .message {
        .title {
            
            h2 {
                color: #ff5e79;
            }
            p {
                position: relative;
                height: 36px;
                line-height: 36px;
                padding-left: 40px;
                width: 363.75px;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                color: #ff0025;
                em {
                    display: inline-block;
                    width: 24px;
                    height: 24px;
                    position: absolute;
                    left: 8px;
                    top: 6px;
                    background: url(http://rcode.zongheng.com/v2018/huayu/images/voice.png) no-repeat left center;
                }
            }
        }
        .coin {
            margin-bottom: 30px;
            h5 {
                font-weight: normal;
                font-size: 14px;
                margin-bottom: 22px;
                line-height: 22px;
            }
            ul {
                justify-content: space-between;
                overflow: hidden;
                li {
                    // margin-right: 45px;
                    margin-bottom: 24px;
                    cursor: pointer;
                    position: relative;
                    font-size: 14px;
                    div {
                        font-size: 18px;
                        color: #ff5e79;
                        text-align: center;
                        margin-bottom: 8px;
                        line-height: 55px;
                        height: 55px;
                    }
                    &:hover p {
                        color: #ff0025;
                    }
                }
            }
        }
        .recommend {
            h2 {
                color: #ff5e79 !important;
            }
            ul {
                li {
                    a {
                        &:hover p {
                            color: #fa4b4b !important;
                        }
                    }
                }
            }
        }
        .comment {
            h2 {
                color: #ff5e79;
                .rig-tit {
                    border-radius: 14.5px;
                    background: #ff5e79 !important;
                }
            }
            >h4 {
                color: #fcabb8;
                background: #fff0f2;
                span {
                    color: #ff5e79!important;
                }
            }
            .top {
                .stick {
                    >span {
                        color: #ff5e79;
                    }
                }
            }
        }
    }
}
.rig-list {
    .fans {
        border: 1px solid #ffe6ea !important;
        background: #fffbfd;
        .top-tit {
            h2 {
                color: #ff5e79;
            }
        }
        .list {
            ul {
                li {
                    a:hover {
                        color: #fa4b4b !important;
                    }
                }
                .first {
                    background: #ff4f67 !important;
                    border-radius: 50%;
                }
                .second {
                    background: #f8778d !important;
                    border-radius: 50%;
                }
                .third {
                    background: #ffa3b2 !important;
                    border-radius: 50%;
                }
                .last {
                    border-bottom: none;
                }
            }
            .more a:hover {
                color: #fa4b4b !important;
            }
        }
        .reward {
            >a {
                em {
                    background: url(http://rcode.zongheng.com/v2018/images/forums/book_ic3.png) no-repeat;
                    background-position: 0 -532px !important;
                    margin-top: 5px;
                    width: 56px;
                    height: 22px;
                    display: inline-block;
                }
            }
        }
    }
    .ticket-pass {
        border: 1px solid #ffe6ea !important;
        background: #fffbfd;
        >ul {
            li {
                em {
                    width: 6px;
                    height: 6px;
                    display: inline-block;
                    background: url(http://rcode.zongheng.com/v2018/huayu/images/icon03.png) no-repeat left center;
                    // float: left;
                    margin: 13px 10px 0 0;
                }
                >a {
                    width: 162px !important;
                    &:hover {
                        color: #fa4b4b !important;
                    }
                }
            }
        }
    }
}